<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>延迟显示</title>

    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
<div id="app">
    <h1 style="background-color: red">Hello, World!</h1>
    <h1 style="background-color: green" v-cloak>Hello, Vue!</h1>
</div>


<script type="module">
    import {createApp} from "../../../js/vue.esm-browser.js";

    setTimeout(function () {
        let app = createApp(
            {
                setup() {
                    return {}
                }
            }
        );

        app.mount("#app")
    }, 3000)
</script>
</body>
</html>